import React, { Component } from 'react'

export default class App extends Component {
  state = {
    htmlStr: '<h1 style="color: red"> react 从入门到精通 </h1>'
  }

  render() {
    return (
      <React.Fragment>
        {/*  <React.Fragment> 也是 react 中的空标签 */}

        {this.state.htmlStr}
        {/* 在 vue 中可以使用 v-html 解决渲染问题 */}
        {/* 在 react 中可以使用 dangerouslySetInnerHTML 来解决 */}
        <div dangerouslySetInnerHTML={{__html: this.state.htmlStr}}></div>
      </React.Fragment>
    )
  }
}
